﻿@{
    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>微信管理平台</title>
    <link href="/Content/themes/css/login.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="/Content/scripts/jquery-1.7.2.js"></script>
    <script>
        $(function () {
            $(document).keydown(function (event) {
                if (event.keyCode == 13) {
                    $("#btnLogin").click();
                }
            });  
            
            $("#btnLogin").click(function () {
                var username = $("#username").val();
                var password = $("#password").val();
                var code = $("#validateCode").val();
                $.ajax({
                    type: "POST",
                    url: "/Login",
                    data: { username: username, password: password, code: code },
                    success: function (responseTest) {
                        if (responseTest == "ok") {
                            location.reload();
                        } else {
                            $("#div_message").html(responseTest);
                        }
                    }
                });
            });
        });
    </script>
</head>
<body>
    <div id="login">
        <div id="login_header">
            <h1 class="login_logo">
                <a href="#">
                    <img src="/Content/themes/default/images/login_logo.jpg" alt="" /></a>
            </h1>
            <div class="login_headerContent">
                <h2 class="login_title">
                </h2>
            </div>
        </div>
        <div id="login_content">
            <div class="loginForm">
                <p style="text-align: center;">
                    <img src="/Content/themes/default/images/login_title.png" /></p>
                <p id="div_message" runat="server" style="color: red; text-align: center;">
                    &nbsp;</p>
                <p>
                    <label>
                        用户名：</label>
                    <input type="text" name="username" id="username" size="20" class="login_input" />
                </p>
                <p>
                    <label>
                        密码：</label>
                    <input type="password" name="password" id="password" size="20" class="login_input" />
                </p>
                <p>
                    <label>
                        验证码：</label>
                    <input class="code" type="text" size="5" id="validateCode" name="validateCode" />
                    <span>
                        <img src="/VerifyImg" style="width: 75px; height: 24px; cursor: pointer;" id="imgCode"
                            alt="点击刷新" title="点击刷新" onclick="this.src='VerifyImg?'+Date()+'';" /></span>
                </p>
                <div class="login_bar">
                    <input type="button" class="sub" id="btnLogin" />
                </div>
            </div>
            <div class="login_banner">
                <img src="/Content/themes/default/images/login_banner.png" /></div>
            <div class="login_main">
                <!--
				<ul class="helpList">
					<li><a href="#">下载驱动程序</a></li>
					<li><a href="#">如何安装密钥驱动程序？</a></li>
					<li><a href="#">忘记密码怎么办？</a></li>
					<li><a href="#">为什么登录失败？</a></li>
				</ul>
				<div class="login_inner">
					<p>您可以使用 网易网盘 ，随时存，随地取</p>
					<p>您还可以使用 闪电邮 在桌面随时提醒邮件到达，快速收发邮件。</p>
					<p>在 百宝箱 里您可以查星座，订机票，看小说，学做菜…</p>
				</div>
                -->
            </div>
        </div>
        <div id="login_footer">
        </div>
    </div>
</body>
</html>
